import {useState} from "react";
import {Button} from "../../components/button";
import Portrait from "../../components/portrait";
import {Layout} from "../../components/Layout";

import './index.css'
const {Content,Sider,Footer,Header} = Layout

export const Home = props => {
    const [compile,setCompile] =useState(false)
    return (
        <Layout className={'fox-com'}>
            <Sider compile={compile}>
                侧边栏
            </Sider>
            <Layout>
                <Header>
                    头部
                    <br/>
                    <Button long>默认</Button>
                    <Button type={'warn'}>警告</Button>
                    <Button type={'danger'}>失败</Button>
                    <Button type={'success'}>成功</Button>
                    <Portrait/>
                </Header>
                <Content>身体</Content>
                <Footer>底部</Footer>
            </Layout>
        </Layout>
    )
}
